@m-height: 10.75rem;
@pc-height: 30.3125rem;
@cl-color:#175292;
@bg-size:1.875rem;
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul{
	li{
		list-style: none;
	}
}
a{
	text-decoration: none;
}
#header{
	position: sticky;
	top: 0;
	z-index: 9;
}
#container{
	min-height: 100vh;
	background-color: #fff;
	.banner{
		margin-bottom: 1.875rem;
		.image{
			width: 100%;
			height: @pc-height;
			overflow: hidden;
			// object-fit: contain;
		}
		@media (max-width: 48rem) {
			.image{
				transition: .3s;
				width: 100%;
				// height: @m-height;
				overflow: hidden;
			}
		}
		.img-word{
			position: absolute;
      top: 25%;
      left: 10%;
      color: #fff;
      width: 40%;
			.word-title{
				font-size: 3rem;
				font-weight: bold;
				border-bottom: .125rem solid #fff;
				padding-bottom: .2rem;
				display: inline-block;
			}
			.word-en{
				margin-bottom: 1.25rem;
				font-size: 1.125rem;
				font-family: Source Han Sans CN;
			}
			.word-content{
				line-height: 2rem;
				font-size: 1rem;
				overflow:hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp:4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
			}
		}
		@media (max-width: 31.25rem){
			.image{
				transition: .3s;
				width: 100%;
				height: @m-height;
				overflow: hidden;
			}
			.img-word{
				position: absolute;
				top: 13%;
				left: 10%;
				color: #fff;
				width: 40%;
				.word-title{
					font-size: 1rem;
					font-weight: bold;
				}
				.word-en{
					margin-bottom: .3125rem;
					font-size: .75rem;
					font-family: Source Han Sans CN;
				}
				.word-content{
					line-height: 1rem;
					font-size: .625rem;
					overflow:hidden;
					text-overflow: ellipsis;
					-webkit-line-clamp: 4;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
	.content{
		margin: 0 auto;
		#company{
			width: 77.5rem;
			text-align: center;
	   	margin: 3rem auto;
			.company_title{
				font-size: @bg-size;
				font-weight: bold;
				border-bottom: 0.2rem solid #484848;
				display: inline-block;
				margin-bottom: 2rem;
			}
			.company_content{
				display: flex;
				justify-content: space-between;
				.company_content_img{
					width: 49%;
				}
				.company_content_right{
					width: 49%;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					.right_top_content{
						font-size: .75rem;
						line-height: 1.5rem;
						text-align: left;
						margin-bottom: 1.25rem;
						overflow:hidden;
						text-overflow: ellipsis;
						font-weight: 400;
						-webkit-line-clamp:10;
						display: -webkit-box;
						-webkit-box-orient: vertical;
					}
					.num_list{
						display: flex;
						color: @cl-color;
						.num_one{
							width: 33%;
							text-align: center;
							position: relative;
							&::after{
								content: '';  
								position: absolute;  
								right: 0;  
								top: 0;  
								bottom: 0;  
								width: .0625rem; 
								background-color: @cl-color;
							}
							&:last-child::after{
								display: none;
							}
							.num_big{
								font-size: 4.375rem;
								font-weight: bold;
								margin-bottom: .625rem;
							}
							.num_content{
								font-size: .875rem;
							}
						}
					}
				}
			}
			@media (max-width:78.125rem) {
				.company_content{
					display: flex;
					flex-direction: column;
					padding: 0 2.5rem;
					.company_content_img{
						width: 100%;
					}
					.company_content_right{
						width: 100%;
					}
				}
			}
		}
		@media (max-width:78.125rem) {
			#company{
				width: 100%;
			}
		}
		#patent{
			width: 77.5rem;
			margin: 3rem auto;
			position: relative;
			.swiper {
				width: 100%;
				height: 100%;
				
			}
			.swiper-button-prev{
				left: -4.375rem;
				z-index: 1;
			}
			.swiper-button-next{
				right: -4.375rem;
				z-index: 1;
			}
			.swiper-slide {
				text-align: center;
				font-size: 1.125rem;
				// background: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
			}
	
			.swiper-slide img {
				display: block;
				width: 60%;
				height: 100%;
				object-fit: cover;
			}
		}
		@media (max-width:78.125rem) {
			#patent{
				display: none;
				transition: .3s;
			}
		}
		#new{
			// width: 77.8rem;
			margin: 0 auto;
			.about_bgc{
				background-image: url('https://paidou.cdn.dgyunju.cn/image/download.png');
				background-repeat: no-repeat;
				background-position: center;
				height: 37.5rem;
	
				background-size: 100% 100%;
				margin: 6rem 0;
				.new_content{
					width: 77.5rem;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					height: 100%;
					margin: 0 auto;
					text-align: center;
					position: relative;
					.new_title{
						font-size: @bg-size;
						color: #fff;
						border-bottom: .2rem solid #fff;
						display: inline-block;
				    margin-bottom: 2rem;
					}
					.mySwiper2{
						width: 100%;
						.swiper-wrapper{
							.new_swiper{
								display: flex;
								justify-content: space-between;
								.swiper_img{
									width: 49%;
								}
								.swiper_right_word{
									width: 49%;
									text-align: left;
									color: #fff;
									display: flex;
									flex-direction: column;
									justify-content: space-between;
									.common_right{
		
										.swiper_word_top{
											font-size: 1rem;
											font-weight: bold;
											margin-bottom: .625rem;
										}
										.swiper_word_center{
											font-size: .8rem;
											overflow:hidden;
											text-overflow: ellipsis;
											font-weight: 400;
											-webkit-line-clamp:6;
											display: -webkit-box;
											-webkit-box-orient: vertical;
											line-height: 1.3rem;
											margin-bottom: .4rem;
										}
										.swiper_word_down{
											font-size: 1rem;
											font-weight: bold;
											border-bottom: .0625rem solid #fff;
											padding-bottom: .1875rem;
											display: inline-block;
										}
									}
									
								}
							}
							
						}
						
					}
					.swiper-button-prev, .swiper-button-next{
						color: #fff;
						z-index: 1;
					}
					.swiper-button-prev{
						left: -4.375rem;
					}
					.swiper-button-next{
						right: -4.375rem;
					}
					.new_swiper{
						display: flex;
						justify-content: space-between;
						.swiper_img{
							width: 49%;
						}
						.swiper_right_word{
							width: 49%;
							text-align: left;
							color: #fff;
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							.common_right{

								.swiper_word_top{
									font-size: 1rem;
									font-weight: bold;
									margin-bottom: .625rem;
								}
								.swiper_word_center{
									font-size: .8rem;
									overflow:hidden;
									text-overflow: ellipsis;
									font-weight: 400;
									-webkit-line-clamp:6;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									line-height: 1.3rem;
									margin-bottom: .4rem;
								}
								.swiper_word_down{
									font-size: 1rem;
									font-weight: bold;
									border-bottom: .0625rem solid #fff;
									padding-bottom: .1875rem;
									display: inline-block;
								}
							}
							
						}
					}
				}
				@media (max-width:78.125rem) {
					.new_content{
						width: 100%;
					}
				}
			}
		}
		#contact{
			width: 77.5rem;
			margin: 0 auto;
			text-align: center;
			.contact_title{
				font-size: @bg-size;
				font-weight: bold;
				border-bottom: 0.2rem solid #484848;
				display: inline-block;
				margin-bottom: 2rem;
			}
			.contach_group{
				display: flex;
				width: 100%;
				padding: 2.5rem;
				border: .0625rem solid #eee;
				margin-bottom: 3rem;
				justify-content: space-around;
				.group_box{
					position: relative;
					width: 33%;
					.fi_icon{
						font-size: 3.125rem;
						color: @cl-color;
						margin-bottom: .3125rem;
						display: inline-block;
					}
					.fi_center{
						font-size: .75rem;
						margin-bottom: .625rem;
					}
					.fi_down{
						font-weight: bold;
					}
					&::before{
						content: '';
						position: absolute;
						right: 0;
						width: .125rem;
						height: 100%;
						top: 0;
						background-color: #eee;
					}
					&:last-child::after{
						display: none;
					}
				}
			}
			@media (max-width:50rem) {
				.contach_group{
					display: flex;
					flex-direction: column;
					.group_box{
						width: 100%;
						margin-bottom: .625rem;
						padding-bottom: 1.25rem;
						&::before{
							display: none;
						}
						&::after{
							content: '';
							position: absolute;
							bottom: 0;
							width: 100%;
							height: .125rem;
							background-color: #eee;
							left: 0;
						}
					}
				}
			}
		}
		@media (max-width:78.125rem) {
			#contact{
				width: 100%;
				padding: 1.25rem;
			}
		}
	}
}
@media (max-width:68.75rem) {
	footer{
		transition: .3s;
		display: none;
	}
}